
$.ajax({
	url:"php/index.php",
	async:false
}).done(function(d){
	var arr=JSON.parse(d);
	var str='';
	for(var i=0;i<15;i++){
		str+='<li ><img src="'+arr[0][i][1]+'" />'+
				'<p>'+arr[0][i][4]+'</p>'+
				'<p>QUIETCONTROL 30 无线</p>'+
				'<strong>'+arr[0][i][2]+'</strong>'+
				'<button class="maimai" sid="'+arr[0][i][0]+'">加入购物袋</button>'+
			'</li>';
	}
	$('#xiaxia ul').html(str);
	if(getCookie('chartsid') && getCookie('chartnum')){
		var s=getCookie('chartsid').split(',');//先转数组，方便后面的遍历创建
		var n=getCookie('chartnum').split(',');//
		for(var i=0;i<s.length;i++){
			createcart(s[i],n[i]);
		}
	}
});

var $abtn=$('#xiaxia ul li .maimai');//加入购物袋按钮
var $ali=$('#xiaxia ul li');//商品li
var $all1=$('#quanxuan input');//全选按钮1
var $all2=$('#sum .left input');//全选按钮2
var $sump=$('#sum .jiao strong');//打折后商品总价
var $bsump=$('#sum .c-r span').eq(0).find('strong');//打折前
var $daz=$('#sum .c-r span').eq(2).find('strong');//打折
var $sump2=$('#sum .c-r span').eq(6).find('strong');
totalprice();
function totalprice(){
	var sumprice=0;
	$('#add tr').each(function(){
		if($(this).find('.checkbox').find('input').is(':checked')){
			sumprice+=parseInt($(this).find('.delp').html());
		}else{
			sumprice=0;
		}
	});
	if(sumprice>0){
		$sump.html('￥'+parseFloat(sumprice-80).toFixed(2));
		$sump2.html('￥'+parseFloat(sumprice-80).toFixed());
		$bsump.html('￥'+parseFloat(sumprice).toFixed());
		$daz.html('￥80.00');
	}else{
		$sump.html('￥0.00');
		$sump2.html('￥0.00');
		$bsump.html('￥0.00');
		$daz.html('￥0.00');
	}
	
}

$all1.click(function(){//全选
	if($all1.prop('checked')){
		$all2.prop('checked',true);
		$all1.prop('checked',true);
		for(var i=0;i<$('#add tr').length;i++){
			$('#add tr').eq(i).find('.checkbox').find('input').prop('checked',true);
		}
		totalprice();
	}else{
		$all1.prop('checked',false);
		$all2.prop('checked',false);
		for(var i=0;i<$('#add tr').length;i++){
			$('#add tr').eq(i).find('.checkbox').find('input').prop('checked',false);
		}
		totalprice();
	}
});

$all2.click(function(){
	$all1.click();
});


//如果商品存在于购物车数量累加，否则创建商品信息进购物车,主要是利用数组进行判断。
var sidarr=[];//存放商品编号（sid）
var numarr=[];//存放商品数量


//获取对应的cookie,转换成对应的数组
function cookieToArray(){
	if(getCookie('chartsid')){
		sidarr=getCookie('chartsid').split(',');//将cookie值通过逗号拆分为数组。
	}else{
		sidarr=[];
	}
	if(getCookie('chartnum')){//存放数量
		numarr=getCookie('chartnum').split(',');
	}else{
		numarr=[];
	}
}

$abtn.click(function(){//点击加入购物车按钮
	cookieToArray();//获取sid num
	//var suoyin=$(this).index('button'); //当前索引
	var index=sidarr.indexOf($(this).attr('sid')+'');//数组下标
	if(index!=-1){//判定是否已添加到购物车，存在num+1
		num=parseInt(numarr[index]);//当前数量
		num++;
		jisuan(num,index);
	}else{//不存在
		sidarr.push($(this).attr('sid'));
		addCookie('chartsid',sidarr.toString(),7);
		numarr.push(1);//将对应的数量添加到数组然后添加到cookie中,因为是第一次创建,数量为1,如果第二次创建走上面if语句.
		addCookie('chartnum',numarr.toString(),7);
		createcart($(this).attr('sid'),1);//创建购物车商品列表，传入对应的参数(当前的商品编号，商品的数量)
	}
	
	
});
function jisuan(number,index){//计算价格delp  数量  
		cookieToArray();
		numarr[index]=number;
		$('#add tr').eq(index).find('.number').find('span').html(number);
		var price=$('#add tr').eq(index).find('.price').html();
		
		price=parseFloat(price.replace('￥','')).toFixed(2);
		$('#add tr').eq(index).find('.delp').html(price*number);
		addCookie('chartnum',numarr.toString(),7);//添加到cookie
}


	
	$('.jia1').click(function(){//num加
		var num=parseInt(this.parentNode.children[1].innerHTML);//得到当前数量
		num++;
		jisuan(num,$(this).index('.jia1'));
		totalprice();
	});
	$('.jian1').click(function(){//num减
		var num=parseInt(this.parentNode.children[1].innerHTML);//得到当前数量
		num--;
		if(num<=1){
			num=1;
		}
		jisuan(num,$(this).index('.jian1'));
		totalprice();
	});
	$('.delete').click(function(){//删除一行
		cookieToArray();
		totalprice();
		$(this).parents('.tr').remove();
		sidarr.splice($(this).index('.delete'),1);
		numarr.splice($(this).index('.delete'),1);
		addCookie('chartnum',numarr.toString(),7);//添加到cookie
		addCookie('chartsid',sidarr.toString(),7);//添加到cookie
		kong();
		
	});
	
	$('.checkbox').find('input').click(function(){
		totalprice();
	});
	$('#sum .all').click(function(){//删除所有
		if($all2.prop('checked')){			
			$('#add tr:visible').each(function(){				
				$(this).remove();
			});
			sidarr=[];
			numarr=[];
			addCookie('chartnum',numarr.toString(),7);//添加到cookie
			addCookie('chartsid',sidarr.toString(),7);//添加到cookie
			totalprice();
			kong();
		}
	
	})
kong();
function kong(){//判定是否为空
	if(getCookie('chartsid')){
		$('.inner').hide();
	}else{
		$('.inner').show();
	}
}
//添加创建到购物车的方法。

function createcart(sid,num){//sid图片的id，num：数量
	$.ajax({
		url:"php/index.php",
		dataType:'json'
	}).done(function(data){
		for(var i=0;i<data[0].length;i++){
			if(sid==data[0][i][0]){
				var $clone=$('#add table .tr:hidden').clone(true);//克隆隐藏的元素。
				$clone.find('.img').find('img').attr('src',data[0][i][1]);
				$clone.find('.xiangq').find('.name-t').find('p').html('<span></span>'+data[0][i][4]);
				$clone.find('.price').html(data[0][i][2]);
				$clone.find('.number').find('span').html(num);
				$clone.find('.delp').html(parseInt(data[0][i][2].replace('￥',''))*num);
				$clone.css('display','block');
				$('#add table').append($clone);
			}
		}
		kong();
		totalprice();
		
	});
} 

var dangqiang=0;
$('#xiaxia .left').on('click',function(){
	dangqiang--;
	if(dangqiang<=0){
		dangqiang=0;
	}
	$('#xiaxia ul').animate({
		left:40+(-870)*dangqiang
	},200);
});
$('#xiaxia .right').on('click',function(){
	dangqiang++;
	if(dangqiang>2){
		dangqiang=2;
	}
	$('#xiaxia ul').animate({
		left:40+(-870)*dangqiang
	},200);
});

